<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
  body {
	text-align: center;
  }
  div.live2d-main {
	background-image: url(./background.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
</style>
</head>
<body>
<div class="live2d-main">
<canvas id="live2d" class="live2d" width="800" height="1600" style="width:500px;height:1000px;"></canvas></div>
<div style="position:fixed;bottom:24px;left:24px;">
<input type="button" value="Switch" onclick="nextScene()"></input></div>
<script src="./live2d/Core/core-js-bundle.3.6.1.min.js"></script>
<script src="./live2d/Core/live2dcubismcore.min.js"></script>
<script src="./live2d/Core/bundle.min.js"></script>
</body>
</html>
